<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/bootstrapValidator.css">

	<script src="js/bootstrapValidator.js"></script>
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
        		<div class="page-header">
				<h1 class="text-center text-info">星调查问卷系统</h1>
			</div>
            <!-- Start Sign In Form -->
            <form id="logins" method="post" action="${pageContext.request.contextPath}/login.do" class="fh5co-form animate-box"
                data-animate-effect="fadeIn">
                <h2 >登录</h2>
                <c:if test="${emg!=null}"  id="login">
                     <div class="alert alert-danger" role="alert">${emg}</div>
                </c:if> 
                <div class="form-group">
                    <label for="username" class="sr-only">Username</label> 
                    <input type="text" class="form-control" name="user_name" id="user_name" placeholder="用户名" autocomplete="off" datatype="*" nullmsg="请输入用户名！">
                </div>
                <div class="form-group">
                    <label for="password" class="sr-only">Password</label> 
                    <input type="password" class="form-control" name="user_password" id="user_password" placeholder="密码" autocomplete="off" datatype="*" nullmsg="请输入密码！">
                </div>
                <div class="form-group">
                    <label for="remember">
                    <input type="checkbox" id="remember">记住账户</label>
                </div>
                <div class="form-group">
                    <p>没有账户? <a href="sign_up.jsp">注册</a>
                </div>
                <div class="form-group">
                    <button type="submit" value="登录" class="btn btn-primary">登录</button>
                </div>
            </form>
            <!-- END Sign In Form -->

        </div>
    </div>
</div>

<script>  
	
    //定时器 用户名或密码错误时的弹窗 
    function hello(){  
        var login = document.getElementById("login");
        login.innerHTML=null;
    }  
    //使用方法名字执行方法  
    var t1 = window.setTimeout(hello,2000);   
    </script>
    
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Placeholder -->
<script src="js/jquery.placeholder.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Main JS -->
<script src="js/main.js"></script>

<script src="js/Validform_v5.3.2_min.js"></script>

	<script>
  	
		$(document).ready(function() {
			$('#logins').Validform({
				tiptype:3, 
			});
		});
	</script>


</body>

</html>